<template>
  <div class="main-container-app">
    <el-row class="form-contain">
      <track-car-form @handleQueryIllPark="handleQueryIllPark"></track-car-form>
    </el-row>
    <div class="table-contain">
      <track-car-table :searchList="trackListRes" :listLoadingDataRe="loading"
                       @handleCurrentChangeDataRe="handleCurrentChangeIllPark"
                       @handleSizeChangeDataRe="handleSizeChangeIllPark"></track-car-table>
    </div>
  </div>

</template>

<script>
  /* eslint-disable */
  import {fetchListDataRe} from "../../api/recoll/dataRe";
  import TrackCarForm from "./compreChild/trackForm";
  import TrackCarTable from "./compreChild/trackTable";

  export default {
    components: {
      TrackCarTable,
      TrackCarForm
    },
    data() {
      return {
        illParkRes: null,
        trackListRes: null,
        loading: false,
        queryData: '',
        listQuery: {
          page: 1,
          limit: 20
        }

      }
    },
    methods: {
      handleQueryIllPark(val) {
        this.queryData = val
        this.listQuery.page = 1
        this.listQuery.limit = 20
        this.getDataListIllPark()
      },
      handleCurrentChangeIllPark(val) {
        this.listQuery.page = val
        this.getDataListIllPark()
      },
      handleSizeChangeIllPark(val) {
        this.listQuery.limit = val
        this.listQuery.page = 1
        this.getDataListIllPark()
      },
      getDataListIllPark() {
        this.loading = true;
        this.trackListRes ={
          list:[{
            category:'1',
          }],
          count:1
        }
      }
    }
  }
</script>

<style scoped>

</style>
